<template>
    <div class='list_edit_ytj'>
        
        <img :src="returnImg" class="returnImg" @click="returns"/>
        <div class='titles2'>
            {{titles}}
        </div>
        <div class='content' style='font-size:14px;'>
             <common-edit ref="commonEdits" :commonEditData="commonEditData" :style='commonEditData.height' @closeWin="closeWins" @goSearch="goSearch2" v-if="dialogVisible3"></common-edit>
               
        </div>
        <div class='page_bar'></div>
    </div>
</template>
<script>

import CommonEdit  from '../CommonEdit.vue'
export default {
    components: { 
        CommonEdit
    },
    data(){
        return{
            dialogVisible3:false,
            titles:"",
            returnImg:"",
            searchImg:"",
            sCode:"",
            appid:"",
            commonEditData:{
                fieldPath:"",
                filename2:"",
                sId:"",
                pId:"",
                param_key:"",
                appid:"",
                title:"",
                params:{},
                exData:{},
                exId:"",
                isYtj:"Y",
                width:"95%",
                left:"2%",
                top:"1%",
                height:"height:80VH"
            }
        }
    },
    created(){
        this.sCode=localStorage.getItem("sCode");
        this.titles= this.$route.query.title;
        this.appid= this.$route.query.appid;
         
          
        this.commonEditData.filename2= this.$route.query.filename2;
        this.commonEditData.fieldPath= this.$route.query.fieldPath;
        this.commonEditData.title= this.$route.query.title;
        this.commonEditData.appid= this.$route.query.appid;

        this.dialogVisible3=true;

        this.returnImg=localStorage.getItem("imgytjIp")+"/rootImg/ytj/"+this.sCode+"/return.png";
        this.searchBtn=localStorage.getItem("imgytjIp")+"/rootImg/ytj/"+this.sCode+"/searchBtn.png";
        this.searchImg="url('"+localStorage.getItem("imgytjIp")+"/rootImg/ytj/"+this.sCode+"/search2.png')";
       
        
        var html =document.querySelector('html');
        html.style.fontSize = document.documentElement.clientWidth/10+'px';
        let sef=this;
         
         //window.setTimeout(function(){
             document.getElementsByClassName("list_edit_ytj")[0].style.backgroundImage="url('"+localStorage.getItem("imgytjIp")+"/rootImg/ytj/"+sef.sCode+"/daping2.jpg')"
       // },1000)list_edit_ytj
       
    },
    mounted(){
        let sef=this;
       // window.setTimeout(function(){
             document.getElementsByClassName("list_edit_ytj")[0].style.backgroundImage="url('"+localStorage.getItem("imgytjIp")+"/rootImg/ytj/"+sef.sCode+"/daping2.jpg')"
       // },1000)
    },
    methods:{
        
        returns(){
            this.$router.go(-1);
        },
        closeWins(){

        },
        goSearch2(){

        }
    }
}
</script>
<style scoped>
.list_edit_ytj{
    width:100%;
    height:100%;
    
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display:flex;
    flex-direction: column;
    align-items:center;
}
.titles2{
    height:10%;
    text-align:center;
    width:100%;
    color:#fff;
    font-size:0.22rem;
    font-family: PingFangSC-Regular, PingFang SC;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    font-family:"经典圆体繁", "microsoft yahei", "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;;
    
    text-shadow: 0 8px 9px #0f184a, 0px -2px 1px #fff;
    font-weight: bold;
    letter-spacing: 4px;
    text-align: center;
    
}
.returnImg{
    position: absolute;
    right:5%;
    top:5%;
    width:1rem;
    cursor:pointer;
}

.buttons{
    position: absolute;
    left:5%;
    top:5%;
}
.content{
    margin-top:50px;
    flex:1;
    width:90%;
    border-radius: 15px;
    background:rgba(11, 38, 101, 0.5)
}
.bottoms{
    height:15%;
}
.page_bar{
    height:30px;
    line-height: 40px;
    color:#cad5fe;
    text-align:left;
    width:90%;
    font-size:0.1rem;
    display:flex;
    flex-direction: row;
}
.page_bar2{
    flex:1;
    text-align:right;
    padding-top:10px;
}
.page_text{
    width:200px;
}
.th{
    color:#8499e8;
    padding:20px;
    font-size:0.12rem;
    border-bottom:1px solid #192857;
}
.td{
    color:#cad5fe;
    font-size:0.12rem;
    padding:20px;
    padding-top:10px;
    padding-bottom:10px;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{

    background-color:#1e41a4 !important;
}
.bottoms{
    width:95%;
    display:flex;
    flex-direction: row;
    justify-self: start;
    align-items:center;
}
.search_item_main{
    margin-right:40px;
    position: relative;
    flex:1;
    display:flex;
    flex-direction: row;
    justify-self: start;
    align-items:flex-start;
    
}
.search_btn{
    
}
.search_btn img{
    width:1.2rem;
    cursor:pointer;
}
.search_item{
    height:120px;
    position: relative;
    width:330px;
}
.search_item img{
    
    position:absolute;
    left:0;
    top:0;
    width:68px;

}
input:focus{
    outline: none;
}
.search_item input{
    height:52px;
    width:190px;
    margin-left:20px;
    margin-top:2px;
    border-radius: 25px;
    border:0;
    background:rgba(41, 65, 117, 0);
    position:absolute;
    left:94px;
    top:45px;
    color:#fff;
    line-height:50px;
    font-size:0.12rem;

     outline: none;
    
}

/* 通用 */
::-webkit-input-placeholder { color:#8499e8; }
::-moz-placeholder { color:#8499e8; } /* firefox 19+ */
:-ms-input-placeholder { color:#8499e8; } /* ie */
input:-moz-placeholder { color:#8499e8; }

/* webkit专用 */
#field2::-webkit-input-placeholder { color:#8499e8; }
#field3::-webkit-input-placeholder { color:#8499e8; background:lightgreen; text-transform:uppercase; }
#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#8499e8; }

/* mozilla专用 */
#field2::-moz-placeholder { color:#8499e8; }
#field3::-moz-placeholder { color:#8499e8; background:lightgreen; text-transform:uppercase; }
#field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#8499e8; }
</style>
<style >
.page_bar2 li{

    height:0.2rem !important;
    width:0.2rem !important;
    line-height:0.2rem !important;
    background-color:#1e41a4 !important;
}
.page_bar2 button{

    height:0.2rem !important;
    width:0.2rem !important;
    line-height:0.2rem !important;
}
.trs2{
    cursor:pointer;
}
.trs2:hover{
    background:#1e41a4;
}
</style>